<script setup lang='ts'>
import Footer from '@/pages/footer/footer.vue'

import StepItem from './component/step-item.vue'
import { useStep } from './component/use-step'

const { steps } = useStep()
</script>

<template>
    <div class="px-30 py-30 mx-auto mt-20 bg-#fff w-1340">
        <StepItem :steps="steps"
                  class="mb-20 relative left-85"
        />

        <RouterView />
    </div>

    <Footer />
</template>

<style lang="less" scoped>
.jc-footer {
    background: #fff;
    margin-top: 20px;
}
</style>
